<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>销售报表</title>
    </head>
    <body>
    	<div id="reports_tabs" style="height:580px;" class="x-form-item">
        </div>
        <script>
            /*
             * Ext JS Library 2.1
             * Copyright(c) 2006-2008, Ext JS, LLC.
             * licensing@extjs.com
             *
             * http://extjs.com/license
             */
            Ext.onReady(function(){
                // second tabs built from JS
                var tabs = new Ext.TabPanel({
                    id: 'tabs',
                    renderTo: 'reports_tabs',
                    activeTab: 0,
                    width: '100%',
                    height: 700,
                    plain: true,
                    enableTabScroll:true,
                    defaults: {
                        autoScroll: true
                    },
                    items: [{
                        id: 'tab1',
                        title: '销售报表',
                        autoLoad: {
                            url: '/reports/salesReport'
                            //params: 'id=1'
                            ,scripts: true
                        },
                        listeners: {
                            activate: handleActivate
                        }
                    }]
                });
				function handleActivate(tab){
                    //alert(tab.title + ' was activated.');
//                    var new_order = Ext.getCmp('new_order');
//                    if (new_order) {
//                        Ext.getCmp('tabs').remove('new_order');
//                    }
                }
            });
        </script>
    </body>
</html>
